<script setup lang="ts">
import BarTop from "../../../Component/BarTop.vue";
import { useMessageStore } from "../../../store/useMessageStore";
import MessageItem from "./MessageItem.vue";
let messageStore = useMessageStore();
</script>
<template>
  <div class="MessageBord">
    <BarTop title="我的消息"/>
    <div class="MessageList">
      <MessageItem :data="item" v-for="item in messageStore.data" :key="item.id" />
    </div>
  </div>
</template>
<style scoped lang="scss">
.MessageBord {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  .MessageList{
    height: 100%;
    overflow: auto;
  }
}
</style>
